<template>
  <div class="p-[16px] bg-[var(--base-color)]" style="height: calc(100% - 8px)">
    <vxe-grid ref="tableRef" v-bind="tableOptions" class="log-table" />
  </div>
</template>

<script setup>
const tableRef = ref()
const params = ref({})
import { dialogTabelInfoConfig } from "@/views/user/list/config.jsx"
const props = defineProps({
  orderSn: { type: String, default: "" },
})
const tableOptions = reactive({
  border: "inner",
  columns: dialogTabelInfoConfig.inventory.tabelColumn,
  proxyConfig: {
    autoLoad: true, // 是否自动加载查询数据
    props: { result: "data" },
    ajax: {
      query: async () => {
        return (await dialogTabelInfoConfig.inventory.loadApi({ customer_order_no: props.orderSn })).data
      },
    },
  },
})
</script>
<style lang="scss" scoped>
:deep(.vxe-table--header .vxe-header--row .vxe-header--column) {
  background-color: #f6faff !important;
}
</style>
